<!-- 自定义主题 -->
<template>
    <el-tooltip content="自定义主题" placement="bottom">
        <el-icon>
            <el-color-picker size="default" v-model="SettingStore.theme" @change="changeTheme($event, '--color')" />
        </el-icon>
    </el-tooltip>
</template>
<script lang='ts' setup>
import { useSetting } from '@/pinia';
import { ref } from 'vue';

const SettingStore = useSetting()
// 自定义主题色
const changeTheme = (color: string, v: string) => {
    SettingStore.setTheme(color)
}
</script>
<style scoped>
.el-icon {
    margin: 10px;
}
</style>